.main{
    margin-top: 15%;
}

.st0{fill:#fff}
.st2{fill:#5d89af}
.st3{fill:#709abf}
.st4,.st6{
    fill:#fff;
    stroke:#b3dcdf;
    stroke-miterlimit:10
}
.st6{
    stroke:#5d89af;
    stroke-width:2
}
.st7,.st8,.st9{
    stroke:#709abf;
    stroke-miterlimit:10
}

.st7{
    stroke-width:5;
    stroke-linecap:round;
    fill:none
}
.st8,.st9{
    fill:#fff
}
.st9{
    fill:none
}
.st10{

}

#cloud1{
    animation: cloud003 15s linear infinite;
}

#cloud2{
    animation: cloud002 25s linear infinite;
}

#cloud3{
    animation: cloud003 20s linear infinite;
}

#cloud4{
    animation: float 4s linear infinite;
}

#cloud5{
    animation: float 8s linear infinite;
}

#cloud7{
    animation: float 5s linear infinite;
}

#tracks{
    animation: slide 650ms linear infinite;
}

#bumps{
    animation: land 10000ms linear infinite;
}

@keyframes jig {
    0% { transform: translateY(0px); }
    50% { transform: translateY(1px); }
    100% { transform: translateY(0px); }
}

#car-layers{
    animation: jig 0.35s linear infinite;
}

@keyframes land {
    from { transform: translateX(0); }
    to { transform: translateX(1000px); }
}


@keyframes slide {
    from { transform: translateX(0px); }
    to { transform: translateX(100px); }
}

/* @keyframes cloudFloat {
  0% { transform: translateX(0) translateY(3px); }
  100% { transform: translateX(1000px) translateY(0); }
} */

@keyframes cloud001 {
    0% { transform: translateX(-1000px) translateY(3px); }
    100% { transform: translateX(1000px) translateY(0); }
}

@keyframes cloud002 {
    0% { transform: translateX(-1000px) translateY(3px); }
    100% { transform: translateX(1000px) translateY(0); }
}

@keyframes cloud003 {
    0% { transform: translateX(-1000px) translateY(3px); }
    100% { transform: translateX(1000px) translateY(0); }
}

@keyframes float {
    0% { transform: translateY(0px) translateX(0); }
    50% { transform: translateY(8px) translateX(5px); }
    100% { transform: translateY(0px) translateX(0); }
}

#bracefront, #braceback{
    animation: braces 1s linear infinite;
}

@keyframes braces {
    0% { transform: translateX(-2px); }
    25% { transform: translateX(3px); }
    50% { transform: translateX(-2px); }
    75% { transform: translateX(3px); }
    100% { transform: translateX(-2px); }
}